<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/icon.css">
    <link rel="stylesheet" href="../css/reg.css">
    <link rel="stylesheet" href="../css/hotQuestion.css">
    <script src="../lib/jquery.min.js "></script>
    <script src="../js/control.js"></script>
    <script src="../js/reg.js"></script>

    <title>问答专区</title>
</head>

<body>
    <div id="layout">
        <!-- 主界面 -->
        <div id="homepage">
            <!-- 导航栏 -->
            <div id="Header"></div>
            <div id="Reg"></div>
            <script>
                $("#Header").load("../html/header.html");
                $("#Reg").load("../html/reg.html");
            </script>

        </div>
    </div>
    <!-- 主体内容 -->
    <main>
        <div class="main-box">
            <!-- 左部分 -->
            <div class="main-right-box">
                <!-- 头部选项及搜索 -->

                <div class="main-header-choose-search">
                    <!-- 选项 -->
                    <div class="main-header-choose">
                        <div id="latest" class="btn-right btn-right-padding btn-color btn-choose" onclick="infor(1)">最新回答</div>
                        <div id="hottest" class="btn-right btn-center btn-choose" onclick="infor(0)">最热回答</div>
                        <div id="finish" class="btn-right btn-center btn-choose" onclick="infor(2)">未回答</div>
                        <div id="unfinish" class="btn-left-padding btn-choose" onclick="infor(3)">已回答</div>
                    </div>
                    <!-- 搜索 -->
                    <div>
                        <input id="search" class="main-header-search" type="text" placeholder="搜索问题">
                        <img onclick="search()" class="main-search-img" src="../public/search.png" alt="">

                    </div>
                </div>

                <!-- 发布 -->
                <div class="main-release">
                    <div class="main-release-font-size">
                        我也要提问
                    </div>
                    <div>
                        <textarea id="ReleaseQuestion" class="main-release-textarea" placeholder="在这里输入您想要的问题(不少于7各字, 不多于50个字)"></textarea>

                        <div class="btn-release" onclick="add()">
                            <div class="btn-release-padding">发布</div>
                        </div>
                    </div>
                </div>
                <!-- 问题与回答 -->
                <div>
                    <!-- //第一 -->
                    <div class="main-question-answer-first ">
                        <!-- 左部分 -->
                        <div class="question-answer ">
                            <!-- 问题 -->
                            <div class="question ">问:1
                                <span id="questionOne"></span>
                            </div>
                            <!-- 回答 -->
                            <div class="answer ">答:
                                <span id="answerOne"></span>
                            </div>
                            <!-- 存值 -->
                            <div id="questionIdOne" style="display: none;">123</div>
                        </div>
                        <!-- 右部分 -->
                        <div>
                            <!-- 按钮 -->
                            <div class="btn-answer " onclick="hotAnswer(1)">
                                <div class="btn-answer-margin ">我也要回答</div>
                            </div>
                            <!-- 浏览量 -->
                            <div> <span>浏览量</span><span id="viewOne">123</span>
                                <span>点赞量</span><span id="likeOne">123</span>
                                <span>评论量</span><span id="answer_numOne">123</span>
                            </div>

                        </div>
                    </div>
                    <!-- 第二 -->
                    <div class="main-question-answer-center ">
                        <!-- 左部分 -->
                        <div class="question-answer ">
                            <!-- 问题 -->
                            <div class="question ">问:2
                                <span id="questionTwo"></span>
                            </div>
                            <!-- 回答 -->
                            <div class="answer ">答:
                                <span id="answerTwo"></span>
                            </div>
                            <!-- 存值 -->
                            <div id="questionIdTwo" style="display: none;">123</div>
                        </div>
                        <!-- 右部分 -->
                        <div>
                            <!-- 按钮 -->
                            <div class="btn-answer " onclick="hotAnswer(2)">
                                <div class="btn-answer-margin ">我也要回答</div>
                            </div>
                            <!-- 浏览量 -->
                            <div> <span>浏览量</span><span id="viewTwo">123</span>
                                <span>点赞量</span><span id="likeTwo">123</span>
                                <span>评论量</span><span id="answer_numTwo">123</span>
                            </div>
                        </div>
                    </div>
                    <!-- 第三 -->
                    <div class="main-question-answer-center ">
                        <!-- 左部分 -->
                        <div class="question-answer ">
                            <!-- 问题 -->
                            <div class="question ">问:3
                                <span id="questionThree"></span>
                            </div>
                            <!-- 回答 -->
                            <div class="answer ">答:
                                <span id="answerThree"></span>
                            </div>
                            <!-- 存值 -->
                            <div id="questionIdThree" style="display: none;">123</div>
                        </div>
                        <!-- 右部分 -->
                        <div>
                            <!-- 按钮 -->
                            <div class="btn-answer " onclick="hotAnswer(3)">
                                <div class="btn-answer-margin ">我也要回答</div>
                            </div>
                            <!-- 浏览量 -->
                            <div> <span>浏览量</span><span id="viewThree">123</span>
                                <span>点赞量</span><span id="likeThree">123</span>
                                <span>评论量</span><span id="answer_numThree">123</span>
                            </div>
                        </div>
                    </div>
                    <!-- 第四 -->
                    <div class="main-question-answer-center ">
                        <!-- 左部分 -->
                        <div class="question-answer ">
                            <!-- 问题 -->
                            <div class="question ">问:4
                                <span id="questionFour"></span>
                            </div>
                            <!-- 回答 -->
                            <div class="answer ">答:
                                <span id="answerFour"></span>
                            </div>
                            <!-- 存值 -->
                            <div id="questionIdFour" style="display: none;">123</div>
                        </div>
                        <!-- 右部分 -->
                        <div>
                            <!-- 按钮 -->
                            <div class="btn-answer " onclick="hotAnswer(4)">
                                <div class="btn-answer-margin ">我也要回答</div>
                            </div>
                            <!-- 浏览量 -->
                            <div> <span>浏览量</span><span id="viewFour">123</span>
                                <span>点赞量</span><span id="likeFour">123</span>
                                <span>评论量</span><span id="answer_numFour">123</span>
                            </div>
                        </div>
                    </div>
                    <!-- 第五 -->
                    <div class="main-question-answer-center ">
                        <!-- 左部分 -->
                        <div class="question-answer ">
                            <!-- 问题 -->
                            <div class="question ">问:5
                                <span id="questionFive"></span>
                            </div>
                            <!-- 回答 -->
                            <div class="answer ">答:
                                <span id="answerFive"></span>
                            </div>
                            <!-- 存值 -->
                            <div id="questionIdFive" style="display: none;">123</div>
                        </div>
                        <!-- 右部分 -->
                        <div>
                            <!-- 按钮 -->
                            <div class="btn-answer " onclick="hotAnswer(5)">
                                <div class="btn-answer-margin ">我也要回答</div>
                            </div>
                            <!-- 浏览量 -->
                            <div> <span>浏览量</span><span id="viewFive">123</span>
                                <span>点赞量</span><span id="likeFive">123</span>
                                <span>评论量</span><span id="answer_numFive">123</span>
                            </div>
                        </div>
                    </div>
                    <!-- 第六 -->
                    <div class="main-question-answer-center ">
                        <!-- 左部分 -->
                        <div class="question-answer">
                            <!-- 问题 -->
                            <div class="question ">问:6
                                <span id="questionSix"></span>
                            </div>
                            <!-- 回答 -->
                            <div class="answer ">答:
                                <span id="answerSix"></span>
                            </div>
                            <!-- 存值 -->
                            <div id="questionIdSix" style="display: none;">123</div>
                        </div>
                        <!-- 右部分 -->
                        <div>
                            <!-- 按钮 -->
                            <div class="btn-answer " onclick="hotAnswer(6)">
                                <div class="btn-answer-margin ">我也要回答</div>
                            </div>
                            <!-- 浏览量 -->
                            <div> <span>浏览量</span><span id="viewSix">123</span>
                                <span>点赞量</span><span id="likeSix">123</span>
                                <span>评论量</span><span id="answer_numSix">123</span>
                            </div>
                        </div>
                    </div>
                    <!-- 第七 -->
                    <div class="main-question-answer-last ">
                        <!-- 左部分 -->
                        <div class="question-answer ">
                            <!-- 问题 -->
                            <div class="question ">问:7
                                <span id="questionSeven"></span></div>
                            <!-- 回答 -->
                            <div class="answer ">答:
                                <span id="answeSeven"></span>
                            </div>
                            <!-- 存值 -->
                            <div id="questionIdSeven" style="display: none;">123</div>
                        </div>
                        <!-- 右部分 -->
                        <div>
                            <!-- 按钮 -->
                            <div class="btn-answer" onclick="hotAnswer(7)">
                                <div class="btn-answer-margin">我也要回答</div>
                            </div>
                            <!-- 浏览量 -->
                            <div> <span>浏览量</span><span id="viewSeven">123</span>
                                <span>点赞量</span><span id="likeSeven">123</span>
                                <span>评论量</span><span id="answer_numSeven">123</span>
                            </div>
                        </div>
                    </div>
                    <!-- 翻页 -->
                    <div class="turn-page">
                        <div id="fistPageBtn" class="turn-page-div" onclick="infor2(sortpage,page1)">
                            <div id="pageOne" class="turn-page-div-padding-two turn-page-btn-color">1</div>
                        </div>
                        <div id="pageBtnTwo" class="turn-page-div" onclick="infor2(sortpage,page2)">
                            <div id="pageTwo" class="turn-page-div-padding-two">2</div>
                        </div>
                        <div id="pageBtnThree" class="turn-page-div" onclick="infor2(sortpage,page3)">
                            <div id="pageThree" class="turn-page-div-padding">3</div>
                        </div>
                        <div id="pageBtnFour" class="turn-page-div" onclick="infor2(sortpage,page4)">
                            <div id="pageFour" class="turn-page-div-padding">4</div>
                        </div>
                        <div id="pageBtnFive" class="turn-page-div" onclick="infor2(sortpage,page5)">
                            <div id="pageFive" class="turn-page-div-padding">5</div>
                        </div>
                        <div id="pageBtnSix" class="turn-page-div" onclick="infor2(sortpage,page6)">
                            <div id="pageSix" class="turn-page-div-padding">6</div>
                        </div>
                        <div id="pageBtnSeven" class="turn-page-div" onclick="infor2(sortpage,page7)">
                            <div id="pageSeven" class="turn-page-div-padding">7</div>
                        </div>
                        <div id="nextPage" class="turn-next-page" onclick="nextPage()">
                            <div class="turn-next-page-padding">下一页</div>
                        </div>
                    </div>
                    <!-- 存值 -->
                    <div id="lastpage" class="">1</div>
                </div>
            </div>
            <div class="main-left-box ">
                <!-- 个人信息 -->
                <div class="user-information" onclick="personal()">
                    <!-- 用户名 -->
                    <div class="user-information-username">
                        <div>用户名: <span>123</span></div>
                    </div>
                    <!-- 提问数 -->
                    <div class="user-information-question ">
                        <div>提问数: <span id="question_number">123</span></div>

                    </div>
                    <!-- 回答数 -->
                    <div class="user-information-answer ">
                        <div>回答数: <span id="answer_number">123</span></div>
                    </div>
                </div>
                <!-- 广告图 -->
                <div><img class="user-information-advertising " src="../public/advertising.png " alt=" "></div>
                <!-- 广告图 -->
                <div><img class="user-information-advertising " src="../public/advertising.png " alt=" "></div>
            </div>
        </div>
        <!-- 右部分 -->
    </main>

    <script src="../js/hotQuestion.js "></script>

</body>

</html>